<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Carousel Skeleton - jCarousel Examples</title>

        <!-- Example assets -->
        <link rel="stylesheet" type="text/css" href="jcarousel.skeleton.css">

        <script type="text/javascript" src="../../../jquery.js"></script>
        <script type="text/javascript" src="../../jquery.jcarousel.min.js"></script>

        <script type="text/javascript" src="jcarousel.skeleton.js"></script>

    </head>
    <body>

        <div class="wrapper">
            <h1>Carousel Skeleton</h1>

            <p>This is an unstyled carousel which you can use as a foundation for implementing your own carousels.</p>

            <!--
            Mutual wrapper, encloses the carousel and the plugin elements to
            enable auto-detection of the carousel for the plugins.
            -->
            <div class="jcarousel-wrapper">

                <!-- Carousel -->
                <div class="jcarousel">
                    <ul>
                        <li><img src="../_shared/img/img1.jpg" width="600" height="400" alt=""></li>
                        <li><img src="../_shared/img/img2.jpg" width="600" height="400" alt=""></li>
                        <li><img src="../_shared/img/img3.jpg" width="600" height="400" alt=""></li>
                        <li><img src="../_shared/img/img4.jpg" width="600" height="400" alt=""></li>
                        <li><img src="../_shared/img/img5.jpg" width="600" height="400" alt=""></li>
                        <li><img src="../_shared/img/img6.jpg" width="600" height="400" alt=""></li>
                    </ul>
                </div>

                <!-- Prev/next controls -->
                <a href="#" class="jcarousel-control-prev">&lsaquo; Prev</a>
                <a href="#" class="jcarousel-control-next">Next &rsaquo;</a>

                <!-- Pagination -->
                <p class="jcarousel-pagination">
                    <!-- Pagination items will be generated in here -->
                </p>

            </div>

        </div>

    </body>
</html>
